import { Button, Space } from '@mao-fu/sun-ui';

const App = () => {
  return (
    <div>
      <Space direction="horizontal" size="small">
        <Button>按钮</Button>
        <Button>按钮</Button>
        <Button>按钮</Button>
      </Space>
      <hr></hr>
      <Space direction="horizontal" size="middle">
        <Button>按钮</Button>
        <Button>按钮</Button>
        <Button>按钮</Button>
      </Space>
      <hr></hr>
      <Space direction="horizontal" size="large">
        <Button>按钮</Button>
        <Button>按钮</Button>
        <Button>按钮</Button>
      </Space>
      <hr></hr>
      <Space
        direction="horizontal"
        size={[4, 20]}
        style={{ width: '132px', flexWrap: 'wrap' }}
      >
        <Button>按钮</Button>
        <Button>按钮</Button>
        <Button>按钮</Button>
        <Button>按钮</Button>
        <Button>按钮</Button>
        <Button>按钮</Button>
      </Space>
      <hr></hr>
      <Space
        direction="horizontal"
        size={['small', 10]}
        style={{ width: '132px', flexWrap: 'wrap' }}
      >
        <Button>按钮</Button>
        <Button>按钮</Button>
        <Button>按钮</Button>
        <Button>按钮</Button>
        <Button>按钮</Button>
        <Button>按钮</Button>
      </Space>
      <hr></hr>
    </div>
  );
};

export default App;
